<!DOCTYPE html>
<html class="overflow-hidden">
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="no"/>
    <meta name="wap-font-scale" content="no">
    <meta content="telephone=no" name="format-detection">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>礼仪之邦-首页</title>
    <link rel="stylesheet" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/swiper.min.css"/>
    <link rel="stylesheet" href="css/public.css"/>
    <link rel="stylesheet" href="css/app.css"/>
    <link rel="stylesheet" href="css/special-index.css"/>
    <link rel="stylesheet" href="css/u-disk-style.css"/>
</head>
<body class="no-theme overflow-hidden">
<div class="main-box index-bar padding-bto-50">
    <div class="index-cont">
        <div id="wrapper">
            <div id="scroller">
                <div class="main-cont">
                    <div id="pullDown">
                        <span class="pullDownIcon"></span>
                        <span class="pullDownLabel">下拉刷新...</span>
                    </div>

                    <!--新版APP提示-->
                    <div class="new-APP-tips clearfix">
                        <a href="javascript:;" class="close-tips" id="closeTips">关闭</a>
                        <label><img src="img/tips-LOGO.png"></label>
                        <span>集食惠APP 2.0已正式上线，下载即可发现更多精彩</span>
                        <a href="评价详情.html" class="go-download">前往下载</a>
                    </div>
                    <!--头部-->
                    <header class="header-bar">
                        <div class="swiper-container header-banner index-banner">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <a href="#">
                                        <img class="swiper-lazy" data-src="img/banner1.png"
                                             src="img/banner-default.jpg">

                                        <!--<div class="swiper-lazy-preloader"></div>-->
                                    </a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="#">
                                        <img class="swiper-lazy" data-src="img/banner2.png"
                                             src="img/banner-default.jpg">

                                        <!--<div class="swiper-lazy-preloader"></div>-->
                                    </a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="#">
                                        <img class="swiper-lazy" data-src="img/banner3.png"
                                             src="img/banner-default.jpg">

                                        <!--<div class="swiper-lazy-preloader"></div>-->
                                    </a>
                                </div>
                            </div>
                            <div class="swiper-pagination header-banner-pagination"></div>
                        </div>
                        <a id="locationBtn" class="opacity-btn area-btn" href="javascript:;">
                            <i class="sprite-icon"></i><span>重庆</span>
                        </a>
                        <a id="searchBtn" class="opacity-btn search-btn" href="javascript:;"><i class="sprite-icon"></i></a>
                        <a id="scanBtn" class="opacity-btn scan-btn" href="javascript:;"><i class="sprite-icon"></i></a>
                    </header>
                    <!--双11广告-->
                    <div class="advertise">
                        <a href="#">
                            <img class="lazy" data-original="img/specialImg/banner-newYear.gif"
                                 src="img/ad-default.jpg">
                        </a>
                    </div>
                    <!--菜单-->
                    <div class="list-row menu-bar">
                        <ul class="row-4">
                            <li>
                                <a href="javascript:;">
                                    <img class="lazy" data-original="img/specialImg/icon1.png"
                                         src="img/menu-default.jpg">
                                    <span>我的订单</span>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <img class="lazy" data-original="img/specialImg/icon2.png"
                                         src="img/menu-default.jpg">
                                    <span>全部分类</span>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <img class="lazy" data-original="img/specialImg/icon3.png"
                                         src="img/menu-default.jpg">
                                    <span>联系客服</span>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <img class="lazy" data-original="img/specialImg/icon4.png"
                                         src="img/menu-default.jpg">
                                    <span>优惠券</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <!--热点-->
                    <div class="hots-bar">
                        <span><img src="img/hot-img.png"></span>

                        <div class="hots-list">
                            <i class="sprite-icon hots-tips"></i>
                            <ul id="hotsList">
                                <li><a href="#">草莓满50返10</a></li>
                                <li><a href="#">草莓满50返10回很对哦1</a></li>
                                <li><a href="#">草莓满50返10回很对哦2</a></li>
                                <li><a href="#">草莓满50返10回很对哦3</a></li>
                                <li><a href="#">草莓满50返10回很对哦4</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="line"></div>
                    <!--每日推荐-->
                    <div class="recommend-bar">
                        <h2 class="recommend-title"><img src="img/recommend-title.png"></h2>

                        <div class="swiper-container recommend-list" id="recommendList">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <a href="#">
                                        <span class="zan sprite-icon"></span>

                                        <div class="list-img">
                                            <img class="swiper-lazy" data-src="img/product-img2.jpg">

                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="list-intro">
                                            <span class="text-clamp-overflow">Wyeth/惠氏  赋幼儿配</span>
                                            <label><i>¥</i>90/1kg</label>
                                        </div>
                                    </a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="#">
                                        <span class="zan sprite-icon"></span>

                                        <div class="list-img">
                                            <img class="swiper-lazy" data-src="img/product-img1.jpg">

                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="list-intro">
                                            <span class="text-clamp-overflow">福临门压榨 一级葵花赋幼儿配赋幼儿配赋幼儿配赋幼儿配</span>
                                            <label><i>¥</i>9.36～<i>¥</i>36.36</label>
                                        </div>
                                    </a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="#">
                                        <span class="zan sprite-icon"></span>

                                        <div class="list-img">
                                            <img class="swiper-lazy" data-src="img/product-img2.jpg">

                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="list-intro">
                                            <span class="text-clamp-overflow">新农之邦成 都双流巧</span>
                                            <label><i>¥</i>90/1kg</label>
                                        </div>
                                    </a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="#">
                                        <span class="zan sprite-icon"></span>

                                        <div class="list-img">
                                            <img class="swiper-lazy" data-src="img/product-img2.jpg">

                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="list-intro">
                                            <span class="text-clamp-overflow">Wyeth/惠氏  赋幼儿配赋幼儿配赋幼儿配赋幼儿配</span>
                                            <label><i>¥</i>90/1kg</label>
                                        </div>
                                    </a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="#">
                                        <span class="zan sprite-icon"></span>

                                        <div class="list-img">
                                            <img class="swiper-lazy" data-src="img/product-img3.jpg">

                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="list-intro">
                                            <span class="text-clamp-overflow">新农之邦成 都双流巧</span>
                                            <label><i>¥</i>90/1kg</label>
                                        </div>
                                    </a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="#">
                                        <span class="zan sprite-icon"></span>

                                        <div class="list-img">
                                            <img class="swiper-lazy" data-src="img/product-img4.jpg">

                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="list-intro">
                                            <span class="text-clamp-overflow">Wyeth/惠氏  赋幼儿配赋幼儿配赋幼儿配赋幼儿配</span>
                                            <label><i>¥</i>90/1kg</label>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            <a class="arrow-right" href="javascript:;"><img src="img/arrow-right.png"></a>
                        </div>
                    </div>
                    <div class="line"></div>
                    <!--广告-->
                    <div class="advertise">
                        <a href="#">
                            <img class="lazy" data-original="img/ad-img1.jpg" src="img/ad-default.jpg">
                        </a>
                    </div>
                    <div class="line"></div>
                    <!--限时抢购-->
                    <div class="timeLimit-bar clearfix">
                        <div class="flex-left limit-cont">
                            <a href="#">
                                <label class="flex-left-bg">
                                    <img class="lazy" data-original="img/limit-img3.jpg" src="img/limit-default2.jpg">
                                </label>

                                <div class="limit-time-bar">
                                    <div class="limit-time-c">
                                        <span class="limit-day timeDay">00</span>
                                        <span class="limit-hour timeHour">00</span>
                                        <span class="limit-minute timeMinute">00</span>
                                        <span class="limit-second timeSecond">00</span>
                                    </div>
                                    <img src="img/limit-going.png">
                                </div>
                            </a>

                            <div class="limit-over-disk"><img src="img/limit-over-img.png"></div>
                        </div>
                        <div class="flex-right">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img class="lazy" data-original="img/limit-img1.jpg"
                                             src="img/limit-default.jpg">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img class="lazy" data-original="img/limit-img2.jpg"
                                             src="img/limit-default.jpg">
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="line"></div>
                    <!--广告-->
                    <div class="advertise">
                        <a href="#">
                            <img class="lazy" data-original="img/ad-img1.jpg" src="img/ad-default.jpg">
                        </a>
                    </div>
                    <div class="line"></div>
                    <!--品质优选-->
                    <div class="timeLimit-bar clearfix">
                        <h2 class="quality-title">
                            <label><i>绿色食品</i></label>
                            <span>优良生态环境种植、标准化生产加工 、<br>全程质量监控、国家绿色认证</span>
                        </h2>

                        <div class="flex-left">
                            <a href="#">
                                <label class="flex-left-bg">
                                    <img class="lazy" data-original="img/limit-img3.jpg" src="img/limit-default2.jpg">
                                </label>
                            </a>
                        </div>
                        <div class="flex-right">
                            <ul>
                                <li>
                                    <a href="#">
                                        <img class="lazy" data-original="img/limit-img1.jpg"
                                             src="img/limit-default.jpg">
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img class="lazy" data-original="img/limit-img2.jpg"
                                             src="img/limit-default.jpg">
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="line"></div>
                    <!--广告-->
                    <div class="advertise">
                        <a href="#">
                            <img class="lazy" data-original="img/ad-img1.jpg" src="img/ad-default.jpg">
                        </a>
                    </div>
                    <div class="line"></div>
                    <!--新品上市/品牌专区/团购专区 -->
                    <div class="recommend-bar">
                        <h2 class="quality-title">
                            <label><i>有机食品</i></label>
                            <span>国际公认的食品安全最高级别、0污染、0添加、0转基因技术、全程有机可追溯</span>
                        </h2>

                        <div class="swiper-container recommend-list" id="brandList">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <a href="#">
                                        <div class="list-img">
                                            <img class="swiper-lazy" data-src="img/product-img2.jpg">

                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="list-intro">
                                            <span class="text-clamp-overflow">Wyeth/惠氏  赋幼儿配</span>
                                            <label><i>¥</i>90/1kg</label>
                                        </div>
                                    </a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="#">
                                        <div class="list-img">
                                            <img class="swiper-lazy" data-src="img/product-img1.jpg">

                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="list-intro">
                                            <span class="text-clamp-overflow">福临门压榨 一级葵花赋幼儿配赋幼儿配赋幼儿配赋幼儿配</span>
                                            <label><i>¥</i>9.36～<i>¥</i>36.36</label>
                                        </div>
                                    </a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="#">
                                        <div class="list-img">
                                            <img class="swiper-lazy" data-src="img/product-img2.jpg">

                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="list-intro">
                                            <span class="text-clamp-overflow">新农之邦成 都双流巧</span>
                                            <label><i>¥</i>90/1kg</label>
                                        </div>
                                    </a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="#">
                                        <div class="list-img">
                                            <img class="swiper-lazy" data-src="img/product-img2.jpg">

                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="list-intro">
                                            <span class="text-clamp-overflow">Wyeth/惠氏  赋幼儿配赋幼儿配赋幼儿配赋幼儿配</span>
                                            <label><i>¥</i>90/1kg</label>
                                        </div>
                                    </a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="#">
                                        <div class="list-img">
                                            <img class="swiper-lazy" data-src="img/product-img3.jpg">

                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="list-intro">
                                            <span class="text-clamp-overflow">新农之邦成 都双流巧</span>
                                            <label><i>¥</i>90/1kg</label>
                                        </div>
                                    </a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="#">
                                        <div class="list-img">
                                            <img class="swiper-lazy" data-src="img/product-img4.jpg">

                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="list-intro">
                                            <span class="text-clamp-overflow">Wyeth/惠氏  赋幼儿配赋幼儿配赋幼儿配赋幼儿配</span>
                                            <label><i>¥</i>90/1kg</label>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="line"></div>
                    <div class="recommend-bar">
                        <h2 class="quality-title">
                            <label><i>地标食品</i></label>
                            <span>国家质量检疫总局认证、地方特色品牌产品、产地源头保障、真品保证</span>
                        </h2>

                        <div class="swiper-container recommend-list" id="groupList">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <a href="#">
                                        <div class="list-img">
                                            <img class="swiper-lazy" data-src="img/product-img2.jpg">

                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="list-intro">
                                            <span class="text-clamp-overflow">Wyeth/惠氏  赋幼儿配</span>
                                            <label><i>¥</i>90/1kg</label>
                                        </div>
                                    </a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="#">
                                        <div class="list-img">
                                            <img class="swiper-lazy" data-src="img/product-img1.jpg">

                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="list-intro">
                                            <span class="text-clamp-overflow">福临门压榨 一级葵花赋幼儿配赋幼儿配赋幼儿配赋幼儿配</span>
                                            <label><i>¥</i>9.36～<i>¥</i>36.36</label>
                                        </div>
                                    </a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="#">
                                        <div class="list-img">
                                            <img class="swiper-lazy" data-src="img/product-img2.jpg">

                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="list-intro">
                                            <span class="text-clamp-overflow">新农之邦成 都双流巧</span>
                                            <label><i>¥</i>90/1kg</label>
                                        </div>
                                    </a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="#">
                                        <div class="list-img">
                                            <img class="swiper-lazy" data-src="img/product-img2.jpg">

                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="list-intro">
                                            <span class="text-clamp-overflow">Wyeth/惠氏  赋幼儿配赋幼儿配赋幼儿配赋幼儿配</span>
                                            <label><i>¥</i>90/1kg</label>
                                        </div>
                                    </a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="#">
                                        <div class="list-img">
                                            <img class="swiper-lazy" data-src="img/product-img3.jpg">

                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="list-intro">
                                            <span class="text-clamp-overflow">新农之邦成 都双流巧</span>
                                            <label><i>¥</i>90/1kg</label>
                                        </div>
                                    </a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="#">
                                        <div class="list-img">
                                            <img class="swiper-lazy" data-src="img/product-img4.jpg">

                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="list-intro">
                                            <span class="text-clamp-overflow">Wyeth/惠氏  赋幼儿配赋幼儿配赋幼儿配赋幼儿配</span>
                                            <label><i>¥</i>90/1kg</label>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="line"></div>
                    <div class="recommend-bar">
                        <h2 class="quality-title">
                            <label><i>新品上市</i></label>
                        </h2>

                        <div class="swiper-container recommend-list" id="newProList">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <a href="#">
                                        <div class="list-img">
                                            <img class="swiper-lazy" data-src="img/product-img2.jpg">

                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="list-intro">
                                            <span class="text-clamp-overflow">Wyeth/惠氏  赋幼儿配</span>
                                            <label><i>¥</i>90/1kg</label>
                                        </div>
                                    </a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="#">
                                        <div class="list-img">
                                            <img class="swiper-lazy" data-src="img/product-img1.jpg">

                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="list-intro">
                                            <span class="text-clamp-overflow">福临门压榨 一级葵花赋幼儿配赋幼儿配赋幼儿配赋幼儿配</span>
                                            <label><i>¥</i>9.36～<i>¥</i>36.36</label>
                                        </div>
                                    </a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="#">
                                        <div class="list-img">
                                            <img class="swiper-lazy" data-src="img/product-img2.jpg">

                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="list-intro">
                                            <span class="text-clamp-overflow">新农之邦成 都双流巧</span>
                                            <label><i>¥</i>90/1kg</label>
                                        </div>
                                    </a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="#">
                                        <div class="list-img">
                                            <img class="swiper-lazy" data-src="img/product-img2.jpg">

                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="list-intro">
                                            <span class="text-clamp-overflow">Wyeth/惠氏  赋幼儿配赋幼儿配赋幼儿配赋幼儿配</span>
                                            <label><i>¥</i>90/1kg</label>
                                        </div>
                                    </a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="#">
                                        <div class="list-img">
                                            <img class="swiper-lazy" data-src="img/product-img3.jpg">

                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="list-intro">
                                            <span class="text-clamp-overflow">新农之邦成 都双流巧</span>
                                            <label><i>¥</i>90/1kg</label>
                                        </div>
                                    </a>
                                </div>
                                <div class="swiper-slide">
                                    <a href="#">
                                        <div class="list-img">
                                            <img class="swiper-lazy" data-src="img/product-img4.jpg">

                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                        <div class="list-intro">
                                            <span class="text-clamp-overflow">Wyeth/惠氏  赋幼儿配赋幼儿配赋幼儿配赋幼儿配</span>
                                            <label><i>¥</i>90/1kg</label>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="line"></div>
                    <!--精品推荐-->
                    <div class="exquisite-bar">
                        <h2 class="quality-title">
                            <label><i>精品推荐</i></label>
                        </h2>

                        <div class="shop-list img-left-list">
                            <ul>
                                <li>
                                    <a href="#asd">
                                        <label class="shop-img">
                                            <img class="lazy" data-original="img/product-img5.jpg"
                                                 src="img/product-default.jpg">
                                        </label>

                                        <div class="shop-intro clearfix">
                                            <div class="shop-name">
                                                <label class="shop-name-text text-overflow">丹麦皇室御用</label>
                                                <span class="shop-name-infor text-clamp-overflow">丹麦皇室御用 补充所需营养补充所需营养</span>
                                            </div>
                                            <div class="shop-price">
                                                <span>2.2kg</span>
                                                <label><i>￥</i>60</label>
                                            </div>
                                            <a class="buy-shop-btn" href="#123">立即购买</a>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <label class="shop-img">
                                            <img class="lazy" data-original="img/product-img2.jpg"
                                                 src="img/product-default.jpg">
                                        </label>

                                        <div class="shop-intro clearfix">
                                            <div class="shop-name">
                                                <label class="shop-name-text text-overflow">爱氏晨曦全职牛奶爱氏</label>
                                                <span class="shop-name-infor text-clamp-overflow">丹麦皇室御用 补充所需营养  </span>
                                            </div>
                                            <div class="shop-price">
                                                <span>2.2kg</span>
                                                <label><i>￥</i>60</label>
                                            </div>
                                            <a class="buy-shop-btn" href="#">立即购买</a>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#123">
                                        <label class="shop-img">
                                            <img class="lazy" data-original="img/product-img1.jpg"
                                                 src="img/product-default.jpg">
                                        </label>

                                        <div class="shop-intro clearfix">
                                            <div class="shop-name">
                                                <label class="shop-name-text text-overflow">爱氏晨曦全职牛奶爱氏晨曦全职牛奶</label>
                                                <span class="shop-name-infor text-clamp-overflow">丹麦皇室御用 补充所需营养 爱氏晨曦全职牛奶 爱氏晨曦全职牛奶</span>
                                            </div>
                                            <div class="shop-price">
                                                <span>2.2kg</span>
                                                <label><i>￥</i>60</label>
                                            </div>
                                            <a class="buy-shop-btn" href="#12345">立即购买</a>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div id="pullUp" style="margin-bottom: 0;">
                        <span class="pullUpLabel index-pullUp" style="width: 150px;">上拉，进入猜你喜欢</span>
                    </div>
                </div>
            </div>

            <!--猜你喜欢-->
            <div class="shopDetails-intro animated-bottom">
                <div class="register-bar collect-bar" style="padding-bottom: 0;">
                    <h2 class="header-box pos-abs-tl">
                        猜你喜欢
                        <span id="closeRelated" class="has-icon sprite-icon"></span>
                    </h2>

                    <div class="related-swiper swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="shopDetails-pullDown">
                                    <span>下拉，返回首页</span>
                                </div>
                                <div class="related-list">
                                    <ul id="list">
                                        <li>
                                            <div class="line"></div>
                                            <label class="related-img">
                                                <a href="#">
                                                    <img class="lazy" src="img/product-img1.jpg">
                                                </a>
                                            </label>

                                            <div class="related-cont">
                                                <a href="#">
                                                    <label class="related-name text-clamp-overflow">澳洲无籽红提3斤装（果长24
                                                        -30mm） </label>
                                                </a>
                                                <span class="related-price">￥30 <i>￥136.99</i></span>
                                                <span class="related-num">成交<i>698</i>笔</span>
                                                <span class="shopCar-btn"><i class="sprite-icon"></i></span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="line"></div>
                                            <label class="related-img">
                                                <a href="#">
                                                    <img class="lazy" src="img/product-img2.jpg">
                                                </a>
                                            </label>

                                            <div class="related-cont">
                                                <a href="#">
                                                    <label class="related-name text-clamp-overflow">澳洲无籽红提3斤装（果长24
                                                        -30mm） </label>
                                                </a>
                                                <span class="related-price">￥30 <i>￥136.99</i></span>
                                                <span class="related-num">成交<i>698</i>笔</span>
                                                <span class="shopCar-btn"><i class="sprite-icon"></i></span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="line"></div>
                                            <label class="related-img">
                                                <a href="#">
                                                    <img class="lazy" src="img/product-img3.jpg">
                                                </a>
                                            </label>

                                            <div class="related-cont">
                                                <a href="#">
                                                    <label class="related-name text-clamp-overflow">澳洲无籽红提3斤装（果长24
                                                        -30mm） </label>
                                                </a>
                                                <span class="related-price">￥30 <i>￥136.99</i></span>
                                                <span class="related-num">成交<i>698</i>笔</span>
                                                <span class="shopCar-btn"><i class="sprite-icon"></i></span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="line"></div>
                                            <label class="related-img">
                                                <a href="#">
                                                    <img class="lazy" src="img/product-img4.jpg">
                                                </a>
                                            </label>

                                            <div class="related-cont">
                                                <a href="#">
                                                    <label class="related-name text-clamp-overflow">澳洲无籽红提3斤装（果长24
                                                        -30mm） </label>
                                                </a>
                                                <span class="related-price">￥30 <i>￥136.99</i></span>
                                                <span class="related-num">成交<i>698</i>笔</span>
                                                <span class="shopCar-btn"><i class="sprite-icon"></i></span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="line"></div>
                                            <label class="related-img">
                                                <a href="#">
                                                    <img class="lazy" src="img/product-img5.jpg">
                                                </a>
                                            </label>

                                            <div class="related-cont">
                                                <a href="#">
                                                    <label class="related-name text-clamp-overflow">澳洲无籽红提3斤装（果长24
                                                        -30mm） </label>
                                                </a>
                                                <span class="related-price">￥30 <i>￥136.99</i></span>
                                                <span class="related-num">成交<i>698</i>笔</span>
                                                <span class="shopCar-btn"><i class="sprite-icon"></i></span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="line"></div>
                                            <label class="related-img">
                                                <a href="#">
                                                    <img class="lazy" src="img/product-img1.jpg">
                                                </a>
                                            </label>

                                            <div class="related-cont">
                                                <a href="#">
                                                    <label class="related-name text-clamp-overflow">澳洲无籽红提3斤装（果长24
                                                        -30mm） </label>
                                                </a>
                                                <span class="related-price">￥30 <i>￥136.99</i></span>
                                                <span class="related-num">成交<i>698</i>笔</span>
                                                <span class="shopCar-btn"><i class="sprite-icon"></i></span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="line"></div>
                                            <label class="related-img">
                                                <a href="#">
                                                    <img class="lazy" src="img/product-img1.jpg">
                                                </a>
                                            </label>

                                            <div class="related-cont">
                                                <a href="#">
                                                    <label class="related-name text-clamp-overflow">澳洲无籽红提3斤装（果长24
                                                        -30mm） </label>
                                                </a>
                                                <span class="related-price">￥30 <i>￥136.99</i></span>
                                                <span class="related-num">成交<i>698</i>笔</span>
                                                <span class="shopCar-btn"><i class="sprite-icon"></i></span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="line"></div>
                                            <label class="related-img">
                                                <a href="#">
                                                    <img class="lazy" src="img/product-img1.jpg">
                                                </a>
                                            </label>

                                            <div class="related-cont">
                                                <a href="#">
                                                    <label class="related-name text-clamp-overflow">澳洲无籽红提3斤装（果长24
                                                        -30mm） </label>
                                                </a>
                                                <span class="related-price">￥30 <i>￥136.99</i></span>
                                                <span class="related-num">成交<i>698</i>笔</span>
                                                <span class="shopCar-btn"><i class="sprite-icon"></i></span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="line"></div>
                                            <label class="related-img">
                                                <a href="#">
                                                    <img class="lazy" src="img/product-img1.jpg">
                                                </a>
                                            </label>

                                            <div class="related-cont">
                                                <a href="#">
                                                    <label class="related-name text-clamp-overflow">澳洲无籽红提3斤装（果长24
                                                        -30mm） </label>
                                                </a>
                                                <span class="related-price">￥30 <i>￥136.99</i></span>
                                                <span class="related-num">成交<i>698</i>笔</span>
                                                <span class="shopCar-btn"><i class="sprite-icon"></i></span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="line"></div>
                                            <label class="related-img">
                                                <a href="#">
                                                    <img class="lazy" src="img/product-img1.jpg">
                                                </a>
                                            </label>

                                            <div class="related-cont">
                                                <a href="#">
                                                    <label class="related-name text-clamp-overflow">澳洲无籽红提3斤装（果长24
                                                        -30mm） </label>
                                                </a>
                                                <span class="related-price">￥30 <i>￥136.99</i></span>
                                                <span class="related-num">成交<i>698</i>笔</span>
                                                <span class="shopCar-btn"><i class="sprite-icon"></i></span>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="index-bto">
        <div class="list-row list-left">
            <ul class="row-2">
                <li><a href="#" class="index-btn active"><i class="sprite-icon"></i>首页</a></li>
                <li><a href="#" class="sort-btn"><i class="sprite-icon"></i>分类</a></li>
            </ul>
        </div>
        <div class="middle-btn">
            <a href="#" class=""><i class="sprite-icon"></i>伙拼</a>
        </div>
        <div class="list-row list-right">
            <ul class="row-2">
                <li><a href="#" class="car-btn"><span class="sprite-icon"><i>1</i></span>购物车</a></li>
                <li><a href="#" class="mine-btn"><span class="sprite-icon"><i></i></span>我的</a></li>
            </ul>
        </div>
    </div>
</div>

<!--双11优惠券提示框-->
<div class="x-disk-bar" id="xDisk11" style="display: none;">
    <div class="x-disk-container disk-container-1111">
        <div class="x-disk-box">
            <a class="x-disk-close disk-close-1111" href="javascript:;"
               onclick="document.getElementById('xDisk11').style.display='none';">关闭</a>

            <h2 class="x-disk-title disk-title-1111">
                <span>新人送券<br>恭喜您获得：</span>
            </h2>

            <div class="x-disk-cont disk-cont-1111">
                <label><img src="img/specialImg/ticket-money.png"></label>
                <span>10.26-11.31满100减5元</span>
                <a href="#">去账户查看</a>
            </div>
        </div>
    </div>
</div>

<!--双12优惠券提示框-->
<div class="x-disk-bar" id="xDisk12" style="display: none;">
    <div class="x-disk-container disk-container-1212">
        <div class="x-disk-box disk-box-1212">
            <a class="x-disk-close disk-close-1212" href="javascript:;"
               onclick="document.getElementById('xDisk12').style.display='none';">关闭</a>

            <div class="x-disk-cont disk-cont-1212">
                <h2 class="x-disk-title disk-title-1212">
                    <span><img src="img/specialImg/ticket-title-1212.png"></span>
                </h2>

                <div class="x-disk-intro disk-intro-1212">
                    <p><img src="img/specialImg/ticket1.png"></p>

                    <p><img src="img/specialImg/ticket2.png"></p>

                    <div class="x-disk-btn disk-btn-1212">
                        <a href="#">已发到您的账户去查看</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--新年优惠券提示框-->
<div class="x-disk-bar" id="xDiskNewYear" style="display: none;">
    <div class="x-disk-container disk-container-newYear animated bounceDown">
        <div class="x-disk-box disk-box-newYear">
            <a class="x-disk-close disk-close-newYear" href="javascript:;"
               onclick="document.getElementById('xDiskNewYear').style.display='none';">关闭</a>

            <div class="x-disk-cont disk-cont-newYear">
                <div class="x-disk-intro disk-intro-newYear">
                    <div class="pos-abs-tl x-disk-background-top disk-background-top-newYear">
                        <label><img src="img/specialImg/ticket-newYear3.png"></label>
                    </div>
                    <div class="x-disk-information disk-information-newYear">
                        <p><img src="img/specialImg/new-ticket1.png"></p>

                        <p><img src="img/specialImg/new-ticket2.png"></p>

                        <p><img src="img/specialImg/new-ticket3.png"></p>
                    </div>
                    <div class="x-disk-background disk-background-newYear">
                        <label><img src="img/specialImg/ticket-name.png"></label>

                        <div class="x-disk-btn disk-btn-newYear"><a href="#123">已发到您的账户去查看</a></div>
                    </div>
                </div>
                <div class="pos-abs-tl x-disk-atmosphere disk-atmosphere-newYear">
                    <label><img src="img/specialImg/ticket-newYear2.png"></label>
                </div>
            </div>
        </div>
    </div>
</div>

<!--2017-03-08 会员升级-->
<div class="x-disk-bar" id="xDiskUpgrade" style="display: none;">
    <div class="x-disk-container disk-container-upgrade animated bounceDown active">
        <div class="x-disk-box disk-box-upgrade">
            <a class="x-disk-close disk-close-upgrade" href="javascript:;"
               onclick="document.getElementById('xDiskUpgrade').style.display='none';">关闭</a>

            <div class="x-disk-cont disk-cont-upgrade">
                <label class="pos-relative">
                    <img src="img/uDIskImg/u-disk-img1.png">
                    <a id="UpgradeBtn" class="pos-abs-bl" href="javascript:;">立即升级</a>
                </label>
                <label class="pos-relative" style="display: none;">
                    <img src="img/uDIskImg/u-disk-img2.png">
                    <a class="pos-abs-bl" href="javascript:;"
                       onclick="document.getElementById('xDiskUpgrade').style.display='none';">我知道了</a>
                </label>
            </div>
        </div>
    </div>
</div>

<!--2017-03-08 新人领券-->
<div class="x-disk-bar" id="xDiskNewVip" style="display: none;">
    <div class="x-disk-container disk-container-newVip animated bounceDown active">
        <div class="x-disk-box disk-box-newVip">
            <a class="x-disk-close disk-close-newVip" href="javascript:;"
               onclick="document.getElementById('xDiskNewVip').style.display='none';">关闭</a>

            <div class="x-disk-cont disk-cont-newVip">
                <label class="pos-relative">
                    <img src="img/uDIskImg/u-disk-img3.png">
                    <a class="pos-abs-bl" href="javascript:;">立即升级</a>
                    <span>集采账号购买更优惠（BCGEPA）</span>
                </label>
            </div>
        </div>
    </div>
</div>

<!--2017-03-27 注册领券-->
<div class="x-disk-bar" id="xDiskRegister" style="display: none;">
    <div class="x-disk-container disk-container-register animated bounceDown active">
        <div class="x-disk-box disk-box-register">
            <div class="x-disk-title disk-title-register">
                <img src="img/uDIskImg/u-disk-register-title.png">
                <a class="x-disk-close disk-close-register" href="javascript:;"
                   onclick="document.getElementById('xDiskRegister').style.display='none';">关闭</a>
            </div>
            <div class="x-disk-cont disk-cont-register">
                <div class="x-disk-list clearfix disk-list-register">
                    <span><img src="img/uDIskImg/20.png"></span>
                    <span><img src="img/uDIskImg/12.png"></span>
                    <span><img src="img/uDIskImg/8.png"></span>
                    <span><img src="img/uDIskImg/5.png"></span>
                    <span><img src="img/uDIskImg/3.png"></span>
                    <span><img src="img/uDIskImg/2.png"></span>
                </div>
                <label class="disk-tips-register"><img src="img/uDIskImg/u-disk-register-tips.png"></label>
            </div>
            <div class="x-disk-bto disk-bto-register">
                <img src="img/uDIskImg/bto.png">

                <div class="x-disk-btn disk-btn-register x-disk-btn1">
                    <a id="adf" href="javascript:;">立即下载</a> <!--查看我的优惠券-->
                </div>
            </div>
        </div>
    </div>
</div>

<!--评分-->
<div class="grade-disk" style="display: none">
    <div class="grade-bar animated j-alert-ani">
        <p class="grade-title">
            <label>给集食惠好评</label>
            <span>亲，给集食惠个好评吧！我们会做的更好哦！</span>
        </p>
        <a id="agreeBtn" href="javascript:;">去给好评喽</a>
        <a id="hesitateBtn" href="javascript:;" onclick="cancelGrade()">让我纠结一下</a>
        <a id="refuseBtn" href="javascript:;" onclick="cancelGrade()">忍痛含泪拒绝</a>
    </div>
    <script>
        //取消评分
        var cancelGrade = function () {
            $(".grade-disk").fadeOut();
        };
    </script>
</div>

<!--引导页-->
<div class="disk" id="disk" style="display: none;"></div>
<div class="guide index-guide1" style="display: none;">
    <img src="img/index-guide1.png">
    <a id="guide1" href="javascript:;"></a>
</div>
<div class="guide index-guide2" style="display: none;">
    <img src="img/index-guide2.png">
    <a id="guide2" href="javascript:;"></a>
</div>
<div class="guide index-guide3" style="display: none;">
    <img src="img/index-guide3.png">
    <a id="guide3" href="javascript:;"></a>
</div>


<!--抽奖按钮-->
<a class="lottery-tag-img" href="#">
    <span class="lottery-btn-img"><img src="img/specialImg/lottery-tag-img1.png"></span>
    <span class="lottery-btn-text"><img src="img/specialImg/lottery-tag-text.png"></span>
</a>
<!--置顶-->
<a id="goTop" class="go-top sprite-icon" href="javascript:;"></a>


<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/swiper.jquery.min.js"></script>
<script src="js/jquery.lazyload.min.js"></script>
<script src="js/box.js"></script>
<script src="js/iscroll-probe.js"></script>
<script src="js/jquery.fly.js"></script>
<script src="js/public.js?a=0"></script>
<script src="js/app.js"></script>
<script>
    $(function () {

//        $(".x-disk-btn1")[0].addEventListener("click", function (e) {
//            console.log("父辈"+0);
//        }, true);
//
//        $("#adf")[0].addEventListener("click", function (e) {
//            console.log("子辈"+1);
//        }, false);


        //升级按钮
        $("#UpgradeBtn").click(function () {
            $(".disk-close-upgrade").hide();
            $(this).parents(".pos-relative").hide();
            $(this).parents(".pos-relative").next().fadeIn();
        });

        $(".disk-container-newYear").on("webkitAnimationEnd mozAnimationEnd MSAnimationEnd oAnimationend animationend", function () {
            $(".disk-background-top-newYear").addClass("active");
            setTimeout(function () {
                $(".disk-information-newYear").addClass("active");
            }, 1000);
            setTimeout(function () {
                $(".disk-close-newYear").fadeIn();
                $(".disk-atmosphere-newYear").fadeIn();
            }, 1500);
        });

        var _clear_timer_ = 0;
        clearInterval(_clear_timer_);
        var image = new Image();
        var $img = $(".lottery-btn-img");
        var $text = $(".lottery-btn-text");
        $text.hide();
        image.src = $img.find("img").attr("src");
        image.onload = function () {
            animateFun();
            setIntervalFun(15000);
        };

        function animateFun() {
            $img.addClass("active");
            $img.on("webkitAnimationEnd mozAnimationEnd MSAnimationEnd oAnimationend animationend", function () {
                $text.show().addClass("active");
                $img.removeClass("active");
            });
        }

        function setIntervalFun(time) {
            _clear_timer_ = setInterval(function () {
                $text.removeClass("active").hide();
                animateFun();
            }, time);
        }
    });
</script>
</body>
</html>